<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	jQuery.jq51menu = function(menuboxid,submenu){
		var menuboxli = $(menuboxid+" li");
		menuboxli.eq(0).find(submenu).show();
		menuboxli.eq(0).addClass("thismenu");
		//menuboxli.find("a:first").attr("href","javascript:;");
		menuboxli.click( function () { 
			$(this).addClass("thismenu").find(submenu).show().end().siblings("li").removeClass("thismenu").find(submenu).hide();
		});
	};
	//调用方法，可重用
	$.jq51menu("#menubox","div.submenu");
});
</script>
<style>
ul,li{ margin:0px; padding:0px; list-style:none;}
body a{ color:#333333; }
a{ text-decoration:none;}
#menubox{ width:100%; overflow:hidden; height:100%}
#menubox ul li{line-height:35px;background-color: #F0F0F0; border-bottom:#CCC solid 1px;}
#menubox a{padding-left:10px; padding-right:6px; font-size:20px; }

#menubox .thismenu{ background-color:#119CBE; color:#ffffff; border:none;}
#menubox .thismenu a{ color:#ffffff; }

#menubox .submenu{ display:none; background-color:#ffffff;}
#menubox .submenu font{ padding:10px;height:100%; line-height:20px; color:#030; display:block;border-bottom:#CCC dashed 0px; font-size:16px;}

</style>
</head>

<body>
<div id="menubox">
	<ul>
    	<li><a>介绍</a>
        	<div class="submenu">
            	<font>
            	      本系统主要面向对象为我奉化市沿海三镇公众。它由莼湖水利管理服务站自行开发，集水库（含重要山塘）、海塘、水闸基本信息查询，奉化市天气预报及台风云图、路径等一系列防汛防台信息查询的服务平台。本系统的宗旨是为我沿海三镇公众提供水利信息查询、防汛防台信息服务。
            	</font>
            </div>
        </li>
        
        <li><a>文字查询模式</a>
        <div class="submenu">
        	<a href="../pic/hellp/help.jsp"><font>点击查看操作图</font></a>
        </div>
        </li>
        
        <li><a>水库查询   </a>
        	<div class="submenu">
            	<font>请使用"名称+水库"关键字进行检索，拼音字母也可，但必须带有"水库"关键字。<br/>
            	例如："jiufengshan水库"或"九峰山水库"或"酒疯山水库"</font>

            </div>
        </li>
        <li><a>海塘查询   </a>
        	<div class="submenu">
            	<font>请使用"名称+海塘"关键字进行检索，拼音字母也可，但必须带有"海塘"关键字。<br/>
            	例如：”songningtang海塘"或"松宁塘海塘" 或"送宁塘海塘"</font>
            </div>
        </li>
        <li><a>河道水位   </a>
        	<div class="submenu">
            	<font>请直接点击查询，将返回各主要河道实时水位信息。<br/></font>
            </div>
        </li>
        <li><a>水闸查询   </a>
        	<div class="submenu">
            	<font>请使用"名称+水闸"关键字进行检索，拼音字母也可，但必须带有"水闸"关键字。<br/>
            	例如："hengjiangzha水闸" 或"横江闸水闸"或"横江扎水闸"</font>
            </div>
        </li>
        <li><a>雨情信息 </a>
        	<div class="submenu">
            	<font>请直接点击"雨情信息"按钮，则直接返回最近24小时、48小时奉化市各地区雨量统计。雨量信息由奉化市气象站提供。<br/>
            </font>
            </div>
        </li>
        <li><a>天气预报  </a>
        	<div class="submenu">
            	<font>请直接点击"天气预报"按钮，则直接返回今后三日奉化市天气预报信息。预报信息由中国天气网、奉化市气象站提供。<br/>
            	</font>
            </div>
        </li>
		<li><a>短期天气  </a>
        	<div class="submenu">
            	<font>请点击“短期天气”按钮，则直接返回浙江省省内短期天气情况预报。预报信息由中国天气网提供。<br/>
            	</font>
            </div>
        </li>
		<li><a>天气预警  </a>
        	<div class="submenu">
            	<font>请直接点击"天气预警"按钮，则直接返回奉化市天气恶劣天气预警信息。预警信息由奉化市气象台网站提供。<br/>
            	</font>
            </div>
        </li>
		<li><a>卫星云图  </a>
        	<div class="submenu">
            	<font>请直接点击"卫星云图"按钮，则直接返回最近一次卫星云图，点击相应链接图片后进入查看卫星云图。温馨提示：由于云图图片较大，故打开时间较长，请耐心等待。<br/>
            	</font>
            </div>
        </li>
		<li><a>台风动态</a>
        	<div class="submenu">
            	<font>请直接点击"台风动态"按钮，则直接返回当前及最近一次台风动态信息，点击进入查看台风路径预报图。台风动态信息由中国天气网、浙江省气象厅网站提供。<br/>
            	</font>
            </div>
        </li>
		<li><a>工作动态</a>
        	<div class="submenu">
            	<font>请直接点击"工作动态"按钮，则直接我站腾讯微博地址，点击进入查看我站最新工作动态信息。<br/>
            	</font>
            </div>
        </li>
		<li><a>防汛科普</a>
        	<div class="submenu">
            	<font>请直接点击"防汛科普"按钮，则直接返回防汛防台等基础知识。<br/>
            	</font>
            </div>
        </li>
		<li><a>查询帮助</a>
        	<div class="submenu">
            	<font>请直接点击"查询帮助"按钮，则直接返回本帮助信息。<br/>
            	</font>
            </div>
        </li>
		<li><a>建议咨询</a>
        	<div class="submenu">
            	<font>请直接点击"建议咨询"按钮，则直接返回我站联系方式。<br/>
            	</font>
            </div>
        </li>
    </ul>
</div>


</body>
</html>
